<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--标准mui.css-->
		<link href="../cssmui/mui.min.css" rel="stylesheet" />
		<link href="../css/mylist.css" rel="stylesheet" />
		<link href="../cssmui/mui.picker.css" rel="stylesheet" />
		<link href="../cssmui/mui.poppicker.css" rel="stylesheet" />
		<!--App自定义的css-->
		<link href="../css/app.css" rel="stylesheet" />
		<script src="../mui/mui.min.js"></script>
		<script src="../mui/mui.picker.js"></script>
		<script src="../mui/mui.poppicker.js"></script>
		<script src="../js/test.menu.data.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.input70 {
				width: 70%;
			}
			
		
			.mui-slider-group {
				height: 200px
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">修改密码</h1>
			
		</header>
		<div class="mui-content">
			<div></div>
			<form class="mui-input-group">

				<br>
							<div class=" mui-row li_item">
								<label class="mui-table-cell mui-col-sm-3 mui-col-xs-3 li_item_label">原密码</label>
								<div class="mui-table-cell mui-col-sm-9 mui-col-xs-9">
									<input type="text" class="mui-input-clear" placeholder="必填，手输">
								</div>
							</div>
							<div class=" mui-row li_item">
								<label class="mui-table-cell mui-col-sm-3 mui-col-xs-3 li_item_label">新密码</label>
								<div class="mui-table-cell mui-col-sm-9 mui-col-xs-9">
									<input type="text" class="mui-input-clear" placeholder="必填，手输">
								</div>
							</div>
							<div class=" mui-row li_item">
								<label class="mui-table-cell mui-col-sm-3 mui-col-xs-3 li_item_label">确认密码</label>
								<div class="mui-table-cell mui-col-sm-9 mui-col-xs-9">
									<input type="text" class="mui-input-clear" placeholder="必填，手输">
								</div>
							</div>
			</form>
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item" href="#tabbar-with-chat">
					<span class="mui-tab-label">保存</span>
				</a>
			</nav>
			<script type="text/javascript">
				(function($, doc) {
					$.init();
					$.ready(function() {
						/**
						 * 获取对象属性的值
						 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
						 * @param {Object} obj 对象
						 * @param {String} param 属性名
						 */
						var _getParam = function(obj, param) {
							return obj[param] || '';
						};
						//-----------------------------------------
						//级联示例
						var menuPicker = new $.PopPicker();
						menuPicker.setData(menuData);
						var showmenuPickerButton = doc.getElementById('showmenuPicker');
						var menuSelectedValue = doc.getElementById('menuSelectedValue');
						showmenuPickerButton.addEventListener('tap', function(event) {
							menuPicker.show(function(items) {
								menuSelectedValue.innerText = items[0].text; //+ " " + items[1].text;
								//返回 false 可以阻止选择框的关闭
								//return false;
								console.log("xxx");
							});
						}, false);
						//-----------------------------------------
					});
				})(mui, document);
			</script>
	</body>

</html>